.loop(@counter) when (@counter > 0) {
    .p-@{counter} {
      padding: (.01rem * @counter);
    }
    .p-t-@{counter} {
      padding-top: (.01rem * @counter);
    }
    .p-r-@{counter} {
      padding-right: (.01rem * @counter);
    }
    .p-b-@{counter} {
      padding-bottom: (.01rem * @counter);
    }
    .p-l-@{counter} {
      padding-left: (.01rem * @counter);
    }
    .m-@{counter} {
      margin: (.01rem * @counter);
    }
    .m-t-@{counter} {
      margin-top: (.01rem * @counter);
    }
    .m-r-@{counter} {
      margin-right: (.01rem * @counter);
    }
    .m-b-@{counter} {
      margin-bottom: (.01rem * @counter);
    }
    .m-l-@{counter} {
      margin-left: (.01rem * @counter);
    }
    .fz-@{counter} {
      font-size: (1px * @counter);
    }
    .loop((@counter - 1));    // 递归调用自身
  }
  .loop(200);

  .border-radius(@radius:5px){
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
  }
  .border(@dir:bottom,@num:1px,@color:#ddd){
    border@{dir}: 1px solid @color;
  }

  @mw-color:#ffd012;
  .c-333{
    color: #333;
  }
  .c-b3{
    color: #B3B3B3;
  }
  .mw-flex{
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
  }
  .flex-jc-a {
    justify-content: space-around;
  }
  .flex-jc-b {
    justify-content: space-between;
  }
  .flex-vc {
    align-items: center;
  }
  .flex1 {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}